body{
    
    background-color: #F2F7F5;
    background: linear-gradient(to right, #a8edea 0%, #fed6e3 100%);
    border: 1px solid black;
}
 
.login{
    width: 460px;
    height: 260px;
    transform: translateX(-50%);
    background-color: #fff;
    margin: 10% 50%;
    padding-top: 10px;
    box-sizing: border-box;
}
.login h2{
    font-weight: 500;
    color: #e75a0d;
    text-align: center;
}
.login input{
    padding: 3px 0 3px 3px;
    margin: 2% 10%;
    width: 80%;
    height: 32px;
    line-height: 28px;
    border-radius: 10px;
    outline: none;
    box-sizing: border-box;
    opacity: 0.6;
    border: 1px solid #ccc;
}
.login button{
    margin: 2% 10%;
    width: 80%;
    height: 32px;
    line-height: 24px;
    color: #fff;
    background-color: rgb(71, 71, 247);
    border-radius: 10px;
    outline: none;
    border: none;
    vertical-align: middle;
}
.login button:hover {
    opacity: 1; /* 取消透明度变化 */
    background-color: rgb(71, 71, 247); /* 保持背景颜色不变 */
    color: #fff;
}

.info-box {
    position: fixed; /* 固定在屏幕上 */
    top: 50%; /* 垂直居中 */
    left: 50%; /* 水平居中 */
    transform: translate(-50%, -50%); /* 调整中心点 */
    z-index: 1050; /* 确保在其他元素上层 */
    min-width: 300px; /* 设置最小宽度 */
    text-align: center; /* 文字居中 */
    padding: 15px 20px; /* 内边距 */
    border-radius: 8px; /* 圆角 */
    font-size: 16px;
    font-weight: bold;
    background-color: rgba(0, 123, 255, 0.9); /* 背景颜色，Bootstrap info 风格 */
    color: white;
    box-shadow: 0 4px 8px rgba(66, 66, 66, 0.2); /* 添加阴影 */
    display: none; /* 默认隐藏 */
}
.show{
    display: block;
}
